<template>
	<view style="display: block;">
		<uv-icon :imgMode="imgMode" :name="imgUrl" :size="size" :width="width" :height="height" :color="color"></uv-icon>
	</view>
</template>

<script setup>
	import { baseOssUrl } from "@/sheep/config"
	const props = defineProps({
		name:{
			type:String,
			default:''
		},
		imgMode:{
			type:String,
			default:'aspectFit'
		},
		size:{
			type:[String,Number],
			default:'40rpx'
		},
		width:{
			type:[String,Number],
			default:''
		},
		height:{
			type:[String,Number],
			default:''
		},
		color:{
			type:String,
			default:'#A7A7A7'
		},
		page:{
			type:String,
			default:'icon'
		},
		builtIn:{
			type:Boolean,
			default:false
		},
		format:{
			type:String,
			default:'png'
		},
		prefix:{
			type:String,
			default:'static'
		}
	})
	const imgUrl = computed(() => {
		// console.log(`${baseOssUrl}/${props.prefix}/${props.page}/${props.name}.${props.format}`);
		if(!props.builtIn) return `${baseOssUrl}/${props.prefix}/${props.page}/${props.name}.${props.format}`
		return props.name
	})
</script>

<style>
</style>